body {
	
	background-repeat: repeat;
	background-size: 100% 100%;
	color:rgb(200, 200, 200);
	font-size: 12px;
	font-family: Calibri;
	
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, left top, right top, from(#666),to(#000) );
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(left, #666, #000);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(left, #666, #000);
	/* IE 10 */
	background: -ms-linear-gradient(left, #666, #000);
	/* Opera 11.10+ */
	background: -o-linear-gradient(left, #666, #000);}

img {
	margin-top:8px;
	float: left;
	width: 100px;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
}

.info_block{
	margin-left:10px;
	margin-top: 5px;
	float: left;
	width: 60%;
}
.title_block{
	font-size: 14px;
	color:rgb(255, 255, 255);
	width: 100%;
	height: 20px;
	margin-bottom: 10px;
}
.sub_title{
	float: left;
	width: 100px;
}
.sub_info_block{
	width: 100%;
	height: 20px;
}
.sub_content {
	float: left;
	width: 100px;
}

.li{
	width: 100%;
	float: left;
	padding: 5px;
	margin-bottom: 10px;	
	/* border-bottom: 1px solid white;
	border-top: 1px solid white; */
	animation: myfirst 1s;
	-webkit-animation: myfirst 5s;
	background-repeat: repeat;
	background-image: url(../graphic/blur_bg.png); 
	border-radius: 1px;
	box-shadow: 10px 10px 10px #000;
}

@keyframes myfirst {
	0%   {opacity: 0;}
	100% {opacity: 1;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
	0%   {opacity: 0;}
	100% {opacity: 1;}
}